.theme-btn {
	background: $theme-bg-btn-color;
	border-radius: 27rpx;
	font-weight: 500;
	font-size: 28rpx;
	color: #ffffff;
	text-align: center;
}
.border-btn{
	border: 1rpx solid $theme-color;
	color: $theme-color;
	text-align: center;
}

.rmb:before {
	content: '￥';
	font-weight: 500;
	font-size: 24rpx;
	color: #fb3204;
	margin-bottom: 2rpx;
}

.rmb-black:before {
	content: '￥';
	font-weight: 500;
	font-size: 22rpx;
	color: #000;
}

:deep(.uni-tabbar-border) {
	background-color: #eee !important;
}
.van-empty {
	margin-top: 30vh;
}
.flex {
	display: flex;
}
.flex-col {
	flex-direction: column;
}
.items-center {
	align-items: center;
}

.items-end {
	align-items: end;
}

.items-baseline {
	align-items: baseline;
}
.items-end {
	align-items: flex-end;
}
.justify-center {
	justify-content: center;
}
.justify-end {
	justify-content: flex-end;
}
.justify-between {
	justify-content: space-between;
}

.justify-around {
	justify-content: space-around;
}
.shrink-0 {
	flex-shrink: 0;
}
.m-30 {
	margin: 30rpx;
}
.line-1-clamp {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	text-overflow: ellipsis;
}

.line-2-clamp {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
}

.line-2-clamp {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
}

.mr-30 {
	margin-right: 30rpx;
}

.ml-30 {
	margin-left: 30rpx;
}

.mz-30 {
	margin-top: 30rpx;
	margin-left: 30rpx;
	margin-right: 30rpx;
}

.mx-30 {
	margin-left: 30rpx;
	margin-right: 30rpx;
}

.mt-30 {
	margin-top: 24rpx;
}

.upgrade-z-index {
	position: relative;
	z-index: 3;
}

.cur-page-bg {
	position: absolute;
	top: 88rpx;
	left: 0;
	width: 100%;
	z-index: -1;
}

.main {
	padding: 0 30rpx;
	box-sizing: border-box;
}

.flex-laycenter {
	display: flex;
	justify-content: center;
	align-items: center;
}

.flex-1 {
	flex: 1 1 0%;
}

.flex-auto {
	flex: 1 1 auto;
}

.flex-laystart {
	display: flex;
	justify-content: start;
	align-items: center;
}

.flex-layout {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.flex-around {
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.alcenter {
	display: flex;
	align-items: center;
}

.jucenter {
	display: flex;
	justify-content: center;
}

.fixed-bottom {
	position: fixed;
	bottom: 50rpx;
	width: calc(100% - 60rpx);
	margin: 0 30rpx;
	box-sizing: border-box;
	z-index: 9999;
	.btn {
		background: $theme-bg-btn-color;
		border-radius: 44rpx;
		padding: 20rpx 0;
		text-align: center;
		> image {
			width: 20rpx;
			height: 20rpx;
			margin-right: 15rpx;
		}
		> text {
			font-weight: 500;
			font-size: 30rpx;
			color: #ffffff;
		}
	}
}

.tm-btn {
	background: $theme-bg-btn-color;
	box-shadow: $theme-btn-box-shadow;
	border-radius: 47rpx;
	padding: 20rpx 0;
	margin: 30rpx;
	text-align: center;
	> image {
		width: 20rpx;
		height: 20rpx;
		margin-right: 15rpx;
	}
	> text {
		font-weight: 500;
		font-size: 30rpx;
		color: #ffffff;
	}
}
.content-val image,
.content-val img {
	display: block !important;
}
